body {
	margin: 0;
	box-sizing: border-box;
}

a {
	text-decoration: none;
}

.header {
	width: 100vw;
	background: #fff;
}

.header .mid {
	width: 1200px;
	height: 90px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #e7e7e7;
	/* border: 1px solid red; */
}

.header .mid .active {
	height: 100%;
	display: flex;
	align-items: center;
	background: #31C27C;
}

.header .mid .active a {
	font-size: 18px;
	color: #fff;
	padding-left: 20px;
	padding-right: 20px;
}

.header .mid .noactive a {
	font-size: 18px;
	color: #000;
}

.header .mid .noactive a:hover {
	color: #31C27C;
}

/* header右半部分 */
input { /* 输入框*/
	line-height: 30px;
	outline: none;
	padding-left: 10px;
	width: 210px;
	border: 1px solid #a6a6a6;
	border-radius: 3px;
}

.loginBtn a { /* 登录 */
	font-size: 16px;
	color: #000;
}

.loginBtn a:hover { /* 登录 */
	color: #31C27C;
}

.green a { /* 绿钻 */
	font-size: 14px;
	color: #fff;
	padding: 10px;
	background: #31C27C;
	border-radius: 3px;
	border: 1px solid #a6a6a6;
}

.green a:hover { /* 绿钻 */
	background-color: #289f65;
}

.pay a { /* 支付 */
	font-size: 14px;
	color: #000;
	padding: 10px;
	background: #fff;
	border-radius: 3px;
	border: 1px solid #a6a6a6;
}

.pay a:hover { /* 支付 */
	background-color: #f7f7f7;
}

.iconfont{
	font-size: 18px;
	font-weight: bold;
	position: absolute;
	right: 10px;
	top: 7px;
}

.inparent{
	position: relative;
}
